import React from 'react'
import './icon.css'
import { Container } from './style'


export default function ExhibitionDetails(props) {
    const {price} = props
    
  return (
   <Container>
       <div className="price">
           <div className="before">￥{price.pricebefore}</div>
           <div className="now">卷后价￥{price.price}</div>
       </div>
       <div className="discount">
           <div className="details left">情人节满39减5</div>
           <div className="details right">情人节满299减20</div>
       </div>
       <div className="titledetails">
           {price.title}
       </div>
       <div className="promises">
           <span className='promise'>
               <div className="ExhibitionDetails-iconfont ExhibitionDetails-icon-quangou"></div>
               假一赔十
           </span>
           <span className='promise'>
                <div className="ExhibitionDetails-iconfont ExhibitionDetails-icon-quangou"></div>
                正品保障
           </span>
           <span className='promise'>
                <div className="ExhibitionDetails-iconfont ExhibitionDetails-icon-quangou"></div>
                48小时发货
           </span>
       </div>
   </Container>
  )
}
